<template>
  <div>
      <van-tabs v-model="active" sticky offset-top="1.22666667rem">
  <!-- 循环渲染用户的频道 -->
  <van-tab v-for="item in userChannel" :key="item.id" :title="item.name">
    <!-- 在每一个用户频道下，渲染出对应的“文章列表组件” -->
    <art-list :channel-id =item.id></art-list>
  </van-tab>
</van-tabs>
  </div>
</template>

<script>
import ArtList from '../../components/ArtList/ArticleList.vue'
export default {
components:{
    Artlist
}
}
</script>

<style>

</style>